.rightTreeArea{
    flex: 1;
    border: solid 1px #ccc;
    border-radius: 12px;
    padding: 50px 10px;
    margin-top: 35px;
}
.tree-wrap {
    padding: 14px;
    border-radius: 12px;
    border: 1px solid #ccc;
    min-height: 280px;
    width: 240px;
}
.tree1{
    position: relative;
    &::before{
        content: "角色";
        position: absolute;
        margin: 30% 0 0 38%;
        font-size: 35px;
        width: 10px;
        color: rgb(224, 224, 224);
    }
}
.tree2{
    @extend .tree1;
    &::before{
        content: "接口";
    }
}
.tree3{
    @extend .tree1;
    &::before{
        content: "菜单";
    }
}